<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link data-n-head="ssr" rel="icon" type="image/x-icon" href="../static/images/favicon.ico">
    <link rel="stylesheet" href="../dist/css/login.css">
    <link rel="stylesheet" href="../dist/css/header.css">
    <link rel="stylesheet" href="/static/icon/font_2789303_8vki5yx02kv/iconfont.css">

    <script src="../static/javascripts/jQuery.js"></script>
    <script src="../static/javascripts/axios.js"></script>
    <script src="./javascripts/login.js"></script>
    <script src="../static/javascripts/utils.js"></script>
    <script src="../dist/javascripts/header.js"></script>
</head>

<body>
    <div style="padding-top: 198px;">
        @@include("./template/header.html")
        <div class="container">
            <div class="alert" id="login-alert" style="margin-top: 50px;"></div>
            <ul class="login-box">
                <li class="qr-code-main">
                    <p class="module-title">微信登录</p>
                    <div class="qr-code-box">
                        <img src="../static/images/login-we.png" alt="">
                    </div>
                    <div class="other-login">
                        <span>第三方账户登录</span>
                        <a href="#" class="wbdl iconbox">
                            <img src="../static/images/login-weibo.png" alt="">
                        </a>
                        <a href="#" class="qqdl iconbox">
                            <img src="../static/images/login-qq.png" alt="">
                        </a>
                        <a href="#" class="zfbdl iconbox">
                            <img src="../static/images/login-zfb.png" alt="">
                        </a>
                    </div>
                </li>
                <li class="user-login">
                    <p class="module-title">账号登录</p>
                    <div class="login-form">
                        <div class="login-input-box">
                            <input placeholder="请输入用户名" type="input" value="" id="username">
                        </div>
                        <div class="login-input-box">
                            <input placeholder="请输入密码" type="password" value="" id="password">
                        </div>
                        <p class="options">
                            <a href="register.html">注册账号</a>
                        </p>
                        <div class="login-btn">
                                <div class="dr-btn-wrap active">
                                    <div class="primary-btn">
                                        <div class="dr-btn-text" id="login_btn" >
                                            <span>确定</span>
                                        </div>
                                    </div>
                                </div>
                        </div>
                        <p class="agreement-tips">
                            <label class="el-checkbox is-checked">
                                <span class="el-checkbox__input is-checked">
                                    <span class="el-checkbox__inner"></span>
                                </span>
                                <span class="el-checkbox__label">同意Darry Ring</span>
                            </label>
                            <a href="#">用户注册协议</a>
                            <span>和</span>
                            <a href="">隐私条款</a>

                        </p>
                        <p class="agreement-tips" style="margin-top: 10px;">
                            <label class="el-checkbox is-checked">
                                <span class="el-checkbox__input is-checked">
                                    <span class="el-checkbox__inner"></span>
                                </span>
                                <span class="el-checkbox__label">获取DR产品信息：我同意DR向我推送活动信息及产品信息。我可以随时取消推送。</span>
                            </label>
                            

                        </p>
                    </div>




                </li>
            </ul>
        </div>
    </div>
</body>

</html>